<style type="text/css">
    .clearfix::after{
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .header-title {
        font-size: 0.4rem;
        height: 1.085rem;
        font-family: 'Microsoft YaHei';
        font-weight: bold;
        background-color: red;
        color: white;
        letter-spacing: 0.05rem;
    }
    .setting-content {
        font-size: 0.38rem;
        border-width: 0.01rem;
        margin-top: 0.3rem;
    }
    .setting-tag {
        float:left;
        font-weight: bold;
    }
    .setting-icon {
        float: right;
    }
    .setting-icon i {
        float: right;
    }
    .tag-content {
        float: right;
        font-size: 0.28rem;
        margin: 0.04rem 0.1rem 0.08rem 0.1rem;
        color: #a7a4a2;
    }
</style>
<div class="bui-page bui-box-vertical">
    <header>
       <div class="bui-bar header-title" style="background-color: red;">
        <div class="bui-bar-left">
            <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
        </div>
        <div class="bui-bar-main" style="font-size: 0.4rem;">群聊设置</div>
        <div class="bui-bar-right">
            <!-- 右边按钮 -->
        </div>
       </div>
    </header>
    <main class="detail-main">
        <div id="btn-gname" class="setting-content bui-btn clearfix">
            <span class="setting-tag">群聊名称</span>
            <span class="setting-icon"><i class="icon-right">&#xe64c;</i></span>
            <span id="gname" class="tag-content"></span>
        </div>
        <div id="btn-gintro" class="setting-content bui-btn clearfix">
            <span class="setting-tag">群聊简介</span>
            <span class="setting-icon"><i class="icon-right">&#xe64c;</i></span>
            <span id="gintro" class="tag-content"></span>
        </div>
        <!-- <div id="btn-gimg" class="setting-content bui-btn clearfix">
            <span class="setting-tag">群聊头像</span>
            <span class="setting-icon"><i class="icon-right">&#xe64c;</i></span>
        </div> -->
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>